<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" name="myinput" />
    <script>
        // 1.html标签 简写 ： document.documentElement
        // 获取html
        //    var htmlEle =  document.querySelector("html");
        //    console.log(htmlEle);
        // 获取html的简写形式 
        // var htmlEle = document.documentElement;
        // console.log(htmlEle);

        // 2.body标签的简写 ： document.body
        // 获取body
        // var bodyEle = document.querySelector("body");
        // console.log(bodyEle);
        // 获取body的简写 
        // var bodyEle = document.body;
        // console.log(bodyEle);

        // 3.head标签的简写 ： document.head;
        // var headEle = document.querySelector("head");
        // console.log(headEle);

        // 简写 
        // var headEle = document.head;
        // console.log(headEle);

        // 4.title 里内容的简写 
        // document.title 获取或者设置 title标签的文本
        // var titleEle = document.querySelector("title");
        // console.log(titleEle);

        // // title内容的简写 
        // console.log(document.title);
        // 设置title里的文本内容
        // document.title = "hello";

        // 5.获取表单元素
        // 通过表单的名字获取表单元素
        // 类数组 、伪数组
    //    var eles =  document.getElementsByName("myinput");
    //    console.log(eles);
    //    var arr = [1,2,3];
    //    console.log(arr);






    </script>
</body>

</html>